.c-video__btn-play, .c-video__btn-pause {  border: 0;  background: transparent;  box-sizing: border-box;  width: 0;  height: 74px;  border-color: transparent transparent transparent #202020;  transition: 100ms all ease;  cursor: pointer;  border-style: solid;  border-width: 37px 0 37px 60px; }  .c-video__btn-pause {  border-style: double;  border-width: 0px 0 0px 60px; }  .c-video__btn-play:hover, .c-video__btn-pause:hover {  border-color: transparent transparent transparent #404040; }  .c-slider {  display: grid;  grid-template-columns: var(--col-1) 1fr var(--col-1);  grid-template-rows: 1fr repeat(2, var(--col-1));  --btn-w: 4rem;  --col-1: var(--btn-w);  color: black;  border-radius: 8px;  column-gap: 2em;  position: relative;  font-size: 1rem;  justify-items: center; }  .c-slider__slide {  grid-column: 2;  grid-row: 1;  opacity: 0;  padding: 3em 2em 2em 2em;  border-radius: 8px;  display: flex;  flex-direction: column;  border: 2px solid var(--grey-600);  justify-content: space-between;  row-gap: 2em;  width: 100%; }  .c-slider__slide--active {  opacity: 1;  background-color: white;  z-index: 5;  display: flex;  flex-direction: column; }  .c-slider__slide--active::before {  content: url('../img/quote.svg');  --q-mark-h: 4em;  height: var(--q-mark-h);  position: absolute;  aspect-ratio: 8/6.4;  top: calc(var(--q-mark-h) / -2); }  .c-slider__quote, .c-slider__quote-source {  padding: 0 2rem; }  .c-slider__quote {  font-size: 2.5em; }  .c-slider__quote-source {  font-size: 2em;  color: var(--grey-600); }  .c-slider .btn {  z-index: 5; }  .c-slider__prev-btn {  grid-column: 1; }  .c-slider__next-btn {  grid-column: 3; }  .c-slider__prev-btn, .c-slider__next-btn {  grid-row: 1;  aspect-ratio: 1/1;  width: var(--btn-w);  align-self: center; }  .c-slider__control-btn {  grid-row: 1;  grid-column: 2;  justify-self: end;  aspect-ratio: 1/1;  width: var(--btn-w);  align-self: end; }  .c-slider__prog-bar {  display: grid;  grid-auto-flow: column;  grid-auto-columns: var(--prog-dot-w);  grid-column: 2;  column-gap: 2rem;  justify-self: center;  --prog-dot-w: 1.3rem;  margin-top: 2em; }  .c-slider__prog-dot {  border-radius: 50%;  aspect-ratio: 1/1;  background: var(--grey-300);  width: var(--prog-dot-w); }  .c-slider__prog-dot--active {  background-color: var(--main-color);  scale: 1.4; }  .c-slider .btn {  position: relative; }  .btn__toggle-play--icon-pause>svg, .btn__toggle-play--icon-play>svg {  margin-left: 3px; }  @media(max-width: 599.8px) {  .c-slider__prog-bar {   display: none;  }   .c-slider .btn__bg-icon--next,  .btn__bg-icon--prev {   border: none;  } } .l-hero {  font-size: 1rem;  --hero-fs-h: 7em;  --hero-fs-t: 2.9em;  --hero-fs-btn: 6.2em; } .l-hero {  display: grid;  grid-template-columns: 5fr 4fr;  position: relative;  margin: 5rem 0 10rem;  align-items: start;  align-content: start; } .l-hero__heading {  grid-column: 1;  grid-row: 1; } .c-hero__heading {  font-size: var(--hero-fs-h);  margin-bottom: 0;  line-height: 1;  font-weight: 900;  margin-block-end: 0.3em;  padding-right: 2rem; } .l-hero__txt {  grid-column: 1;  grid-row: 2;  align-self: center; } .c-hero__txt>p {  font-size: var(--hero-fs-t);  line-height: 2; } .c-hero__txt span {  display: block; } .l-hero__btn-wrap {  align-self: end;  grid-column: 1;  grid-row: 3;  margin-bottom: var(--mg-bt-btn); } .c-hero__btn {  font-size: var(--hero-fs-btn);  border-radius: 0.3em;  text-transform: uppercase;  z-index: 99; } .hero__img {  position: relative;  z-index: 4;  width: 100%;  border-radius: 2rem; } .l-intro__block{  row-gap: 0; } .c-intro__block:nth-child(2) {  margin-left: 0; } .hero__img-wrap {  grid-area: 1 / 2 / 4;  position: relative;  display: flex;  align-items: end;  height: max-content;  align-self: end;  justify-content: end;  width: 100%;  justify-self: end; } .hero__img-inner-wrap {  position: relative;  z-index: 3;  display: grid;  justify-content: end;  width: 100%; } .hero__img-inner-wrap::before {  background: url('../img/p1/e-1.svg');  position: absolute;  content: '';   background-repeat: no-repeat;  background-size: contain;  width: 117%;  aspect-ratio: 652 / 557;  right: -10%;  top: -13%;  opacity: 0; } .l-intro__img-wrap {  width: var(--mg-left);  position: relative;  grid-row: 1/ 3;  display: flex;  align-items: start;  justify-content: end;  height: calc(100% + 4rem);  align-self: end; } .l-intro__img-wrap::before {  background: url('../img/p1/e-2.svg');  background-repeat: no-repeat;  position: absolute;  content: '';  background-position: center;  background-size: contain;  display: block;  aspect-ratio: 1/1;  right: 21%;  height: 23rem;  height: clamp(14.38rem, 55.83vi + -17.03rem, 22.75rem); } .l-intro {  --mg-left: clamp(0px, 16.48vw + -14.73rem, 9rem);  --mg-left: clamp(4rem, 14.71vi + -12.18rem, 9rem);  --fs-intro-h: 3.1em;  --fs-intro-txt: 2.9em;  display: grid;  grid-template-columns: var(--mg-left) repeat(3, 1fr);  position: relative;  z-index: 3;  margin-bottom: 10rem;  grid-template-rows: auto 1fr;  font-size: 1rem; } .l-intro__block {  display: grid;  grid-template-rows: auto 1fr;  grid-template-rows: subgrid;  grid-row: 1 / 3;  row-gap: 1.5em;  --intro-bd: 2px dashed var(--main-color-o50) } .c-intro__block {  border-right: var(--intro-bd);  padding: 5em 1em 5em 0;  margin-left: 2em; } .c-intro__block:last-child {  border-right: 0; } .c-intro__block-heading {  font-size: var(--fs-intro-h); } .c-intro__block-txt {  font-size: var(--fs-intro-txt);  font-weight: 300; }  .intro__block-txt {  font-size: Max(2.4em, 16px); } html[lang="fr"] .l-hero {--hero-fs-h: 6.9em;} html[lang="bg"] .l-hero {--hero-fs-h: 6.8em;} html[lang="en"] .l-hero, html[lang="es"] .l-hero, html[lang="tr"] .l-hero {--hero-fs-h: 6.1em;} html[lang="vn"] .l-hero {--hero-fs-h: 6.0em;} html[lang="it"] .l-hero {--hero-fs-h: 5.9em;} html[lang="uk"] .l-hero {--hero-fs-h: 5.6em;} html[lang="ro"] .l-hero {--hero-fs-h: 5.4em;} html[lang="fr"] .l-hero, html[lang="tr"] .l-hero, html[lang="ru"] .l-hero, html[lang="uk"] .l-hero {   --hero-fs-btn: 5.2em; } html[lang="el"] .l-hero, html[lang="ru"] .l-hero {--hero-fs-h: 5.0em;}  .az-teaser {  display: flex;  flex-direction: column;  align-items: center;  gap: 4rem;  font-size: 1rem;  margin-bottom: 5rem; } .az-teaser__title{  font-size: 7em; } .az-teaser__txt{  font-size: 3em; } .az-teaser__btn{  font-size: 4em; } .az-teaser > * {  max-width: 83rem;  text-align: center; } @media (max-width: 1150px) { html[lang="de"] .l-hero, html[lang="de"] .l-intro, html[lang="de"] .c-slider, html[lang="de"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1040px) { html[lang="de"] .l-hero, html[lang="de"] .l-intro, html[lang="de"] .c-slider, html[lang="de"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 930px) { html[lang="de"] .l-hero, html[lang="de"] .l-intro, html[lang="de"] .c-slider, html[lang="de"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 1190px) { html[lang="en"] .l-hero, html[lang="en"] .l-intro, html[lang="en"] .c-slider, html[lang="en"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1070px) { html[lang="en"] .l-hero, html[lang="en"] .l-intro, html[lang="en"] .c-slider, html[lang="en"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 960px) { html[lang="en"] .l-hero, html[lang="en"] .l-intro, html[lang="en"] .c-slider, html[lang="en"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 1290px) { html[lang="es"] .l-hero, html[lang="es"] .l-intro, html[lang="es"] .c-slider ,html[lang="es"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1170px) { html[lang="es"] .l-hero, html[lang="es"] .l-intro, html[lang="es"] .c-slider ,html[lang="es"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1040px) { html[lang="es"] .l-hero, html[lang="es"] .l-intro, html[lang="es"] .c-slider ,html[lang="es"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 920px) { html[lang="es"] .l-hero, html[lang="es"] .l-intro, html[lang="es"] .c-slider ,html[lang="es"] .az-teaser { font-size: 0.65rem; } } @media (max-width: 1380px) { html[lang="fr"] .l-hero, html[lang="fr"] .l-intro, html[lang="fr"] .c-slider ,html[lang="fr"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1250px) { html[lang="fr"] .l-hero, html[lang="fr"] .l-intro, html[lang="fr"] .c-slider ,html[lang="fr"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1110px) { html[lang="fr"] .l-hero, html[lang="fr"] .l-intro, html[lang="fr"] .c-slider,html[lang="fr"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 980px) { html[lang="fr"] .l-hero, html[lang="fr"] .l-intro, html[lang="fr"] .c-slider ,html[lang="fr"] .az-teaser { font-size: 0.65rem; } } @media (max-width: 1200px) { html[lang="it"] .l-hero, html[lang="it"] .l-intro, html[lang="it"] .c-slider ,html[lang="it"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1080px) { html[lang="it"] .l-hero, html[lang="it"] .l-intro, html[lang="it"] .c-slider ,html[lang="it"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 970px) { html[lang="it"] .l-hero, html[lang="it"] .l-intro, html[lang="it"] .c-slider ,html[lang="it"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 930px) { html[lang="pl"] .l-hero, html[lang="pl"] .l-intro, html[lang="pl"] .c-slider, html[lang="pl"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1270px) { html[lang="ro"] .l-hero, html[lang="ro"] .l-intro, html[lang="ro"] .c-slider ,html[lang="ro"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1140px) { html[lang="ro"] .l-hero, html[lang="ro"] .l-intro, html[lang="ro"] .c-slider ,html[lang="ro"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1020px) { html[lang="ro"] .l-hero, html[lang="ro"] .l-intro, html[lang="ro"] .c-slider ,html[lang="ro"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 1420px) { html[lang="tr"] .l-hero, html[lang="tr"] .l-intro, html[lang="tr"] .c-slider ,html[lang="tr"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1280px) { html[lang="tr"] .l-hero, html[lang="tr"] .l-intro, html[lang="tr"] .c-slider ,html[lang="tr"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1140px) { html[lang="tr"] .l-hero, html[lang="tr"] .l-intro, html[lang="tr"] .c-slider ,html[lang="tr"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 1000px) { html[lang="tr"] .l-hero, html[lang="tr"] .l-intro, html[lang="tr"] .c-slider ,html[lang="tr"] .az-teaser { font-size: 0.65rem; } } @media (max-width: 1360px) { html[lang="el"] .l-hero, html[lang="el"] .l-intro, html[lang="el"] .c-slider ,html[lang="el"] .az-teaser{ font-size: 0.9rem; } } @media (max-width: 1230px) { html[lang="el"] .l-hero, html[lang="el"] .l-intro, html[lang="el"] .c-slider ,html[lang="el"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1100px) { html[lang="el"] .l-hero, html[lang="el"] .l-intro, html[lang="el"] .c-slider ,html[lang="el"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 970px) { html[lang="el"] .l-hero, html[lang="el"] .l-intro, html[lang="el"] .c-slider ,html[lang="el"] .az-teaser{ font-size: 0.65rem; } } @media (max-width: 1210px) { html[lang="bg"] .l-hero, html[lang="bg"] .l-intro, html[lang="bg"] .c-slider ,html[lang="bg"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1090px) { html[lang="bg"] .l-hero, html[lang="bg"] .l-intro, html[lang="bg"] .c-slider ,html[lang="bg"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 980px) { html[lang="bg"] .l-hero, html[lang="bg"] .l-intro, html[lang="bg"] .c-slider ,html[lang="bg"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 1250px) { html[lang="ru"] .l-hero, html[lang="ru"] .l-intro, html[lang="ru"] .c-slider ,html[lang="ru"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1050px) { html[lang="ru"] .l-hero, html[lang="ru"] .l-intro, html[lang="ru"] .c-slider ,html[lang="ru"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1220px) { html[lang="uk"] .l-hero, html[lang="uk"] .l-intro, html[lang="uk"] .c-slider ,html[lang="uk"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1100px) { html[lang="uk"] .l-hero, html[lang="uk"] .l-intro, html[lang="uk"] .c-slider ,html[lang="uk"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 990px) { html[lang="uk"] .l-hero, html[lang="uk"] .l-intro, html[lang="uk"] .c-slider ,html[lang="uk"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 1200px) { html[lang="ar"] .l-hero, html[lang="ar"] .l-intro, html[lang="ar"] .c-slider ,html[lang="ar"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1050px) { html[lang="ar"] .l-hero, html[lang="ar"] .l-intro, html[lang="ar"] .c-slider ,html[lang="ar"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 1280px) { html[lang="vn"] .l-hero, html[lang="vn"] .l-intro, html[lang="vn"] .c-slider,html[lang="vn"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 1150px) { html[lang="vn"] .l-hero, html[lang="vn"] .l-intro, html[lang="vn"] .c-slider ,html[lang="vn"] .az-teaser{ font-size: 0.8rem; } } @media (max-width: 1030px) { html[lang="vn"] .l-hero, html[lang="vn"] .l-intro, html[lang="vn"] .c-slider,html[lang="vn"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 910px) { html[lang="vn"] .l-hero, html[lang="vn"] .l-intro, html[lang="vn"] .c-slider ,html[lang="vn"] .az-teaser{ font-size: 0.6rem; } }  html[lang="ar"] .hero__img-inner-wrap::before {  transform: scaleY(-1); } html[lang="ar"] .c-hero__heading {  padding-right: unset;  padding-left: 2rem; } @media (max-width: 899.8px) {  .l-hero__btn-wrap::before {   background: url('../img/p1/e-2.svg');   background-repeat: no-repeat;   content: '';   background-position: center;   background-size: contain;   display: block;   aspect-ratio: 1/1;   position: absolute;   width: 34%;   left: -21%;  }  .hero__img-inner-wrap::before {   width: 113%;   width: Min( 63rem , 113%);   right: -6%;   top: -15%;  }  .l-intro__img-wrap::before {   content: unset;   background: none;  }  html[lang] .l-hero {   font-size: 1rem;   --hero-fs-h: 3.9em;   --hero-fs-t: 2.3em;   --hero-fs-btn: 4.9em;   margin: 9% 0 10%;  }  html[lang] .l-intro {   font-size: 1rem;   --fs-intro-h: 2.5em;   --fs-intro-txt: 2.0em;  }  .l-hero {   display: flex;   flex-direction: column;   align-items: center;   gap: 2rem;  }  .hero__img-wrap {   align-self: center;   max-width: 85%;   margin-bottom: 9%;   max-width: clamp(29.6rem, 71.4vi + 6.75rem, 71rem);  }  .l-hero__btn-wrap {   width: 100%;   display: flex;   justify-content: center;   width: 100vw;   position: relative;   align-self: unset;  }  .l-hero__heading,  .l-hero__txt {   text-align: center;   padding-right: 0;  }  .l-intro {   grid-template-columns: 1fr;   justify-content: center;   --intro-bd: 2px dashed var(--main-color-o50);   --intro-gap: 1.2em;  }  .l-intro>.l-intro__block {   grid-column: 1;   grid-row: unset;   grid-template-rows: auto 1fr;   justify-items: center;  }  .c-intro__block {   border-right: unset;   padding: var(--intro-gap);   margin: 0;  }  .c-intro__block::before {   content: '';   width: 70%;   border-top: var(--intro-bd);   height: calc(2 * var(--intro-gap));  }  .c-intro__block:nth-child(2)::before {   border-top: unset;   height: 0;  }  .c-intro__block-txt,  .c-intro__block-heading {   text-align: center;  }  .az-teaser{   font-size: 1rem;  }  .az-teaser__title {   font-size: 4em;  }  .az-teaser__txt {   font-size: var(--fs-s);  }  .az-teaser__btn {   font-size: 3em;  } } @media (max-width: 899.8px){  html[lang="fr"] .l-hero,  html[lang="tr"] .l-hero,  html[lang="ru"] .l-hero,  html[lang="uk"] .l-hero { --hero-fs-btn: 4.2em;  } }  @media (max-width: 350px) { html[lang="de"] .l-hero, html[lang="de"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 410px) { html[lang="en"] .l-hero, html[lang="en"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 370px) { html[lang="en"] .l-hero, html[lang="en"] .az-teaser { font-size: 0.8rem; } }  @media (max-width: 450px) { html[lang="es"] .l-hero, html[lang="es"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 410px) { html[lang="es"] .l-hero, html[lang="es"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 360px) { html[lang="es"] .l-hero, html[lang="es"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 430px) { html[lang="fr"] .l-hero, html[lang="fr"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 380px) { html[lang="fr"] .l-hero, html[lang="fr"] .az-teaser { font-size: 0.8rem; } }  @media (max-width: 430px) { html[lang="it"] .l-hero, html[lang="it"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 390px) { html[lang="it"] .l-hero, html[lang="it"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 350px) { html[lang="it"] .l-hero, html[lang="it"] .az-teaser { font-size: 0.7rem; } } @media (max-width: 530px) { html[lang="pl"] .l-hero, html[lang="pl"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 370px) { html[lang="pl"] .l-hero, html[lang="pl"] .az-teaser { font-size: 0.8rem; } }  @media (max-width: 360px) { html[lang="ro"] .l-hero, html[lang="ro"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 330px) { html[lang="ro"] .l-hero, html[lang="ro"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 490px) { html[lang="tr"] .l-hero, html[lang="tr"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 450px) { html[lang="tr"] .l-hero, html[lang="tr"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 400px) { html[lang="tr"] .l-hero, html[lang="tr"] .az-teaser { font-size: 0.7rem; } }  @media (max-width: 580px) { html[lang="el"] .l-hero, html[lang="el"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 450px) { html[lang="el"] .l-hero, html[lang="el"] .az-teaser { font-size: 0.8rem; } }  @media (max-width: 390px) { html[lang="bg"] .l-hero, html[lang="bg"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 350px) { html[lang="bg"] .l-hero, html[lang="bg"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 420px) { html[lang="ru"] .l-hero, html[lang="ru"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 380px) { html[lang="ru"] .l-hero, html[lang="ru"] .az-teaser { font-size: 0.8rem; } }  @media (max-width: 380px) { html[lang="uk"] .l-hero, html[lang="uk"] .az-teaser { font-size: 0.9rem; } } @media (max-width: 340px) { html[lang="uk"] .l-hero, html[lang="uk"] .az-teaser { font-size: 0.8rem; } } @media (max-width: 450px) { html[lang="ar"] .l-hero, html[lang="ar"] .az-teaser { font-size: 0.9rem; } } .c-video {   display: grid;   grid-template-columns: 1fr 1fr;  position: relative;   overflow: hidden;  --video-mg: 3rem;   margin-bottom: 4rem;   height: max-content; } .c-video__player {   grid-row: 1/4;   grid-column: 1/3;   width: 100%;   border-radius: 4rem; } .c-video__quote {   grid-row: 3;   grid-column: 2;   justify-self: end;   background: var(--main-color);   opacity: 0.9;   padding: 2rem;   border-radius: 3rem;   width: 50%;   margin: 0 var(--video-mg) var(--video-mg) 0; } .c-video__quote--txt p {   margin-bottom: 2rem; } .c-video__quote p {   font-size: 2.5rem;   color: white; } .c-video__quote>p {   font-weight: 300; } .c-video__btn-pause {   align-self: end;   margin-left: 1rem;   margin-bottom: 2rem;   align-items: center;   justify-content: center;   border: 0.5rem solid hsl(243.1, 45.3%, 41.6%); } .c-video__btn {   --btn-w: 5rem;   --btn-i-w: 3rem;   --icon-bd-width: var(--btn-i-w);   --icon-bd-width-2: calc(var(--icon-bd-width) * 0.5);   grid-row: 3;   grid-column: 1;   align-self: end;   margin: 0 0 var(--video-mg) var(--video-mg);   justify-content: center;   align-items: center;   width: var(--btn-w);   height: var(--btn-w);   background-color: #584CFF; } .c-video__btn-icon {   width: var(--btn-i-w);   height: var(--btn-i-w);   aspect-ratio: 1/1;   transition: 100ms all ease; } .c-video__btn .cls-1 {   fill: white; } .video-placeholder {   justify-content: center;   margin: 5rem 0 10rem; } .video-placeholder img {   border-radius: 20px; }